$$.Box = $$.Class($$.Component, {
	id: ''
	,renderTo: ''
	,width: 'auto'
	,height: 'auto'
	,draggable: false
	,cls: ''
	,html: ''
	,constructor: function(config){
		$$.put(this, config);
		
		
		/*else this.el = new $$.Element({
				id: 'cf-el-' + $$.seq()
				,cls: this.cls
				,html: this.html
			},{
				draggable: this.draggable
		});*/
		this.el = $$.getEl(this.autoEl);
		if(this.renderTo) this.el.replace(this.renderTo);
		
		this.el.setSize(this.width, this.height);
		
		if(this.items) this.add.apply(this, this.items);
		
		$$.Box.__parent.constructor.call(this, config);
	}
	,render: function(el){
		this.el.replace(el);
		return this;
	}
	,getEl: function(){
		return this.el;
	}
	,add: function(/*arguments*/){
		for(var i = 0, len = arguments.length; i < len; ++i){
			this.el.appendChild(arguments[i].getEl());
		}
		return this;
	}
	,update: function(o){
		this.el.update(o);
		return this;
	}
});